<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" />
<title>LFDH</title>
</head>

<body>
	<div class="wrapper">
    	<div class="header">
            <div class="header_logo clear">
                <a class="logo" href="#"><img src="images/logo.png" alt="images" /></a>
                <div class="text_header clear">
                    <p>Lorem ipsum dolor sit amet, consectetur adipicising elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /> 
                    Ut enim ad minium veniam, quis nostrud excersition ullam labor is nisi ut aliquip ex ea commodo consequat.</p>
                </div><!-- end of .text_header-->
            </div><!-- end of .header_logo-->
            <div class="header_menu">
            	<ul class="menu">
                	<li><a href="ref_print.html">Re'ferences et releastic</a></li>
                    <li><a href="expertises.html">Expertise</a></li>
                    <li><a href="identite.html">Identite et organisation</a></li>
                    <li><a href="lesprit.html">L'esprit LFDH</a></li>
                </ul> 
                           
            </div><!-- end of .header_menu-->
        </div><!-- end of .header -->
        <div class="mainContent">
        	<ul class="mainImg">
            	<li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home1.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb1.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home2.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb2.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home3.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb3.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home4.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb4.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home5.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb5.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home6.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb6.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home7.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb7.jpg" alt="images" />
                    </a>
                </li>
				<li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home8.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb8.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" class="fade-image-a" src="images/home_img/img_home9.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb9.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home10.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb10.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home11.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb11.jpg" alt="images" />
                    </a>
                </li>
                <li>
                    <a href="#" class="fade-image">
                        <img class="fade-image-a" src="images/home_img/img_home12.jpg" alt="images" />
                        <img class="fade-image-b" src="images/home_img/timthumb12.jpg" alt="images" />
                    </a>
                </li>
                     
            </ul>
        	
     </div><!-- end of .mainContent-->
		 <div class="footer">
            <div class="footer_line"></div>
            <div class="footer_info">
        		<div class="info">
            		<h2>Le Fruit de Hasard</h2>
                	<p>
                        12 rue Labour<br />
                        75015 Paris<br />
                        Tel:+33 (0)1 56 08 50 78<br />
                        Fax:+33 (0)1 56 08 50 78<br />
                        Contact:JEMERO BOURGEOISAT<br />
                        Mob:+33 (0)6 80 98 68 10<br />
                    </p>
                    <p><a href="#"><img src="images/footer_img/icon_footer.png" alt="images" /></a>
                    <span>Jerome Bourgeoiat _jeebourgeoiat</span></p>
            	</div><!-- end of .info-->
            	<div class="info">
                    <p><img src="images/footer_img/logo_title.png" alt="images"/></p>
                    <p>Inscrivez-vous<br />
                        /desinscrivez-vous<br />
                        a la newslette
                    </p>
                    <p><a href="#"><img src="images/footer_img/logo_fb.png" alt="images" /></a>
                    <span>j'aime</span></p>
                </div><!-- end of .info-->
                <div class="info">
                	<p>Le Fruit de Hasard est membre
                     du Grand Bureau,<br />
                     plateforme cooperative d'experts<br />
                     de la communication<br />
                     www.legrandbureau.com 
                    </p>
                </div><!-- end of .info-->
             </div><!-- end of .footer_info-->
            <div class="footer_copyright">
                <p>&copy;2012_Plan do site_Mention Legate</p>
            </div><!-- end of .footer_copyright-->
        </div><!-- end of .footer-->
    </div><!-- end of .wrapper-->
   
</body>
</html>
